.content{
	background-color: #f1f1f1;
}
.u-bg-white{
	background-color: #ffffff;
}
.u-radius-8{
	border-radius: 8rpx;
}
.u-radius-20{
	border-radius: 20rpx;
	overflow: hidden;
}
.u-border-top-light{
	border-top: 1rpx solid #eee;
}
.u-border-bottom-light{
	border-bottom: 1rpx solid #eee;
}
.u-border-light{
	border: 1rpx solid #eee;
}
.u-border-none{
	border: none;
}
.u-text-white{
	color: #ffffff;
}
.u-font-bold{
	font-weight: 600;
}
.u-text-opacity{
	opacity: 0.8;
}
.u-rela{
	position: relative;
}
.u-abso{
	position: absolute;
}
.gift-top{
	background: linear-gradient(#f15e69, #ffffff);
	min-height: 500rpx;
	.u-btn-dy{
		border: 1px solid rgba(255,255,255,.6);
		border-radius: 10rpx;
		color: #ffffff;
		height: 42rpx;
		line-height: 42rpx;
		padding: 0 10rpx;
	}
	.gift-cover{
		border-radius: 20rpx;
		overflow: hidden;
		max-height: 90vw;
		border: 2px solid rgba(255,255,255,1);
		image{
			width: 100%;
			border-radius: 14rpx;
			display: block;
		}
		.lucky-rules{
			background-color: rgba(241, 94, 105, .8);
			color: #fff;
			right: 0;
			top:0;
			padding:10rpx 20rpx;
			border-radius:0 20rpx 0 20rpx;
		}
	}
}
.lucky-nums{
	// max-width: 70%;
	justify-content: end;
	text{
		display: inline-block;
		margin:0 0 10rpx 10rpx;
		background-color: #f5f5f5;
		border-radius: 10rpx;
		padding:4rpx 10rpx;
		color: #f15e69;
	}
}
.u-text-light{
	color:#ccc!important;
}
.ruleShowBox{
	width: 80vw;
}
::v-deep{
	.u-keyboard__tooltip__submit{
		color: #f15e69!important;
	}
	.u-keyboard{
		background-color: #fff!important;
	}
	.u-keyboard__button-wrapper{
		box-shadow: none!important;
	}
	.u-keyboard__button-wrapper__button{
		border-radius: 100px!important;
		background-color: #f15e69!important;
		&.u-keyboard__button-wrapper__button--gray{
			background-color: #f5f5f5!important;
		}
	}
	
	.u-keyboard__button-wrapper__button__text{
		color: #fff!important;
	}
}
.lucky-card{
	box-shadow: 0 0 3px rgba(0,0,0,.08);
}
.u-dot-left,.u-dot-right{
	width: 20rpx;
	height: 20rpx;
	background-color: #f1f1f1;
	border-radius: 100%;
	top:-10rpx;
	z-index: 2;
}
.u-dot-left{
	left: -8rpx;
}
.u-dot-right{
	right:-8rpx;
}
.notLogin-mask{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
}